RNのJanky Framesの改善

フレームのdropされ具合で見る

Androidの方が低下しがちmrsekut.icon

なのでAndroidを見て改善すればいいと思う

原因と改善手法

console.logはJavaScript Threadでボトルネックを引き起こす可能性がある ref

もしくはエントリポイントで消す

code:ts

if (!__DEV__) {

console.log = null;

console.info = null;

console.warn = null;

console.error = null;

console.debug = null;

}

これ頻繁に使用する割に名前が長いのが嫌なんだよなmrsekut.icon

LayoutAnimationを使用する

最強のUXが求められる場合はInteractionManagerよりもこちらを使ったほうがいい #??

判断基準がわからないmrsekut.icon

フレームのdropの影響を受けない

D&D的なやつは悪い原因になる

画像サイズのアニメーション化は悪い原因になる

画像をタップして拡大するなど

TouchableXの反応が遅い ref

タッチ系の反応が遅いときはrequestAnimtionFrameでラップすると良い

参考